﻿*{margin:0;padding:0;list-style: none;}
body{font-family:"microsoft yahei";font-size:12px;background-color:#f5f5f5;color:#333;}
.header{height: 78px;background: #1BBEF9; position: fixed;top:0;left:0;width:100%;z-index: 1001;}
.TopNav{width: 1020px;margin: 0 auto;height: 78px;}
a:link, a:visited{text-decoration: none;color: #333;}
a:hover{text-decoration: none;}
img{
    vertical-align: middle;
    border:none;
}
/*wushijie add*/
.section{
    overflow: hidden;
}
.b_banner_center{
    position: absolute;left:50%;top:50%;margin-left:-510px;margin-top: -230px;
}

/*end*/
.clearfix:before, .clearfix:after{content: ""; display: table;clear: both;}
.clearfix{zoom: 1;}
.Fleft{float: left;}
.Fright{float: right;}
.logoBox{display: inline-block;width: 130px; text-align: center;}
.logo_r {
    
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    margin: 2px 0 0 10px;
}

.logo{width:100%;vertical-align: middle; }
.NavList{height: 60px;margin: 20px 0 0 0;font-size: 14px;}
.NavList li{float: left;padding: 0 20px;height: 60px;line-height: 40px;}
.NavList li.b_topNav_liBox{float: left;padding: 0px;height: 60px;line-height: 40px;}
.NavList li a{display: block;color: #fff;font-size: 14px;}
.NavList li >a.b_topNav_liA{padding: 0 20px;}
.NavList li a{display: block;color: #fff;font-size: 14px;}
.NavList li a.b_topNav_liA{display: block;color: #fff;font-size: 16px;}
.tell-hone{background: url("img/phone.png") no-repeat left center;padding-left: 20px;}
.iWarp1{width: 1200px;margin: 0 auto;height: 100%;}
.iWarp{width: 1020px;margin: 0 auto;height: 100%;}
.iWarp2{width: 1020px;margin: 0 auto;height: 100%;}
.OnePic{width: 450px;height: 368px;}
.Position{position: relative;}
.pic1{position: absolute;top: 150px;left: 90px;width:340px;}
.pic1 img{display: inline-block;width:100%;}
.p1_txt{position: absolute;top: 260px;left: 70px;font-size: 30px;color: #fff; }
.Absolute{position: absolute;}
.PicBox{width: 1020px;margin:0 auto;height: 120px;margin-top: 10px;}
.pic2{top: 0;left: 0;}
.pic3{top: 0;left: 300px;}
.pic4{top: 0;left: 600px;}
.se2_Title{text-align: center;font-size: 30px;padding-top:11%;font-weight: normal;}
.se2_List{position: absolute;height:424px;width:100%;left:50%;top:57%;margin-left: -510px;margin-top: -212px;}
.se2_List li{padding: 10px 0;margin: 0 10px 50px 10px;width: 310px;float: left; opacity: 1;}
/*.se2_List li:hover{animation:flipInX 1s infinite;*/
    /*-webkit-animation:flipInX 5s infinite;: flipInX;}*/
.se2_listPic{width: 80px; height: 80px;vertical-align: middle;line-height: 80px;text-align: center;margin: 0 auto;}
.se2_listPic img{max-height: 80px;max-width: 80px;vertical-align: middle;}
.se2_name{font-size: 24px;text-align: center;margin-bottom: 10px;font-weight: 400; }
.se2_cont{font-size: 16px;text-align: center;}
.se3_Title{padding-top: 10%;text-align: center;font-size: 30px;font-weight: 400;}
.se3_p{font-size: 14px;text-align: center;}
.se3_List{width: 100%;position: absolute;height: 430px;left:50%;top:62%;margin-top: -215px;margin-left: -510px;}
.se3_List li{width: 160px;height: 103px;float: left;position: absolute;}
.se3_List li img{width:100%;}
.se4_List{width: 100%;border-collapse: collapse; bottom: 0;position: absolute;left:50%;top:55%;margin-left:-510px;margin-top: -225px;}
.se4_List tr td{border:1px solid #cecece;width:130px;}
.se4_List tr td img{
    height:110px;
}
.mapBox{
    width: 1200px;
    height: 500px;
    line-height: 500px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 53%;
    margin-left: -600px;
    margin-top: -250px;
}
.mapBox #b_map_main_add img{max-width: 1200px;max-height:500px;vertical-align: middle;}
.Footer{bottom: 0;width: 100%;text-align: center;background: #1BBEF9;color:#fff;padding:10px 0;}
.footBox{width: 320px; margin: 0 auto;}
.footBox a{width:80px;font-size: 14px;text-align: center;display: inline-block;color:#fff;}
.footBox a.Fleft{color:#fff;}
a.link--kukuri {
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    text-align: center;
    font-size: 40px;
    overflow: hidden;
}
.b_topNav_liBox{
    position: relative;
}

.b_topNav_liA{
    background: url("img/h2.png") right 18px no-repeat;
}
.b_paddingTop{
    margin-top: 18px;
}
.b_topNav_a{
    display: none;
    width: 120px;
    position: absolute;
    top: -20px;
    left: 50%;
    padding-top: 80px;
    margin-left: -60px;
    text-align: center;
    z-index: 1001;
    background: #5ac6ff;
    box-shadow: 1px 2px 10px #4172eb;
    -moz-box-shadow: 1px 2px 10px #4172eb;
    -webkit-box-shadow: 1px 2px 10px #4172eb;
}
.b_topNav_a a{
    font-size: 14px;
}
.b_topNav_liBox:hover .b_topNav_liA{
    background: url("img/h3.png") right 18px no-repeat;
}
.b_topNav_a a:hover{
    background-color:#1BBEF9;
}
.b_topNav_liA{
    z-index:1002;
    position: relative;
}
.addBorderType{
    border-top:2px solid red;
}
.b_ban_boxImg{
    padding:0 50px;
    text-align: center;
}
.b_ban_img{
    display: inline-block;
    padding:0 10px;
}

.b_ban_img img{
    width:200px;
}

.b_pic1_notSvgImg{
    width:450px;
}
.section5{
    position: relative;
}
.b_box_height{
        height:393px;
    }

    .detail_msg_aBox{
    position: fixed;
    left:50%;
    top:20%;
    z-index: 1002;
    margin-left:-225px;
    display: none;
    width:450px;
}
.detail_msg_a{
    width:100%;
    background: #f90;
    color:#fff;
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding:10px 0;
    border-radius: 5px;
    text-align: center;
}
/*a.link--kukuri:hover {
    color: #f90;
}*/

/*a.link--kukuri::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 100%;
    top: 50%;
    margin-top: -8px;
    right: 0;
    background: #F9F9F9;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}*/
/*
a.link--kukuri:hover::after {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}*/

/*a.link--kukuri::before {
    content: attr(data-letters);
    position: absolute;
    z-index: 2;
    overflow: hidden;
    color: #424242;
    white-space: nowrap;
    width: 0%;
    /*-webkit-transition: width 0.4s 0.3s;
    transition: width 0.4s 0.3s;*/
/*}
*/

/*a.link--kukuri:hover::before {
    width: 100%;
}*/

a.link {
    outline: none;
    text-decoration: none;
    position: relative;
    font-size:48px;
    line-height: 1;
    color: #9e9ba4;
    display: inline-block;
    text-align: center;
    width: 100%;
    cursor: default;

}
/*wushijie add four */
a.link_kukuri_addColor{
    color: #316cff;
    cursor: default;
}
/*end*/
.hide{display: none;}
#fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}
#fp-nav.right {right: 17px;}
#fp-nav.left {left: 17px;}
.fp-slidesNav{    position: absolute;    z-index: 4;    left: 50%;    opacity: 1;}
.fp-slidesNav.bottom {    bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul li,.fp-slidesNav ul li {display: block;width: 14px;height: 13px; margin: 7px;position:relative;padding-top: 10px;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a { display: block;position: relative;z-index: 1;width: 100%; height: 100%;
    cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span {background-position: 0 bottom;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {top: 2px;left: 2px;
    width: 21px;
    height: 21px;
    color: #8F9DA4;
    text-decoration: none;
    background: url("img/dot.png") 5px 5px no-repeat;
    position: absolute; z-index: 1;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;
    white-space: nowrap;max-width: 220px;overflow: hidden;display: block; opacity: 0; width: 0;}
#fp-nav ul li:hover .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in; width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}

.pad10{padding: 10px;}
.pad20{padding: 20px;}
.pad_top10{padding-top: 10px;}
.pad_right10{padding-right: 10px;}
.pad_left10{padding-left: 10px;}
.pad_bottom10{padding-bottom: 10px;}
.pad_top20{padding-top: 20px;}
.pad_right20{padding-right: 20px;}
.pad_left20{padding-left: 20px;}
.pad_bottom20{padding-bottom: 20px;}
.mar10{margin: 10px;}
.mar20{margin: 20px;}
.mar_top10{margin-top: 10px;}
.mar_right10{margin-right: 10px;}
.mar_left10{margin-left: 10px;}
.mar_bottom10{margin-bottom: 10px;}
.mar_top20{margin-top: 20px;}
.mar_right20{margin-right: 20px;}
.mar_left20{margin-left: 20px;}
.mar_bottom20{margin-bottom: 20px;}
.font14{font-size: 14px;}
.font16{font-size: 116px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
/*cancas wushijie first four screen add*/
#b_canvas_four {
    width:100%;
    height:100%;
    position: absolute;
    top:0%;
    left:0;
    opacity: 0.9;
    
}
#b_mask{
    width:500%;
    height:100%;
    position: absolute;
    top:0%;
    left:-200%;
    opacity: 0.9;
    z-index: 1000;
}
.b_canvas_four_hideColor{
    background-color: #fff;
}

/*end*/









.se2_List li .doIt{opacity: 0;}
/*.mh {*/
    /*-webkit-backface-visibility: hidden;*/
    /*-webkit-filter: blur(5px);*/
    /*filter: blur(5px);*/
    /*opacity: 0.9;*/
    /*-webkit-animation: nvfadeInDown 1s .1s ease both;*/
    /*-moz-animation: nvfadeInDown .3s .1s ease both;*/
/*}*/
/*@-moz-keyframes nvfadeInDown{0%{opacity:.2;}100%{opacity:1;}}*/
/*@-webkit-keyframes nvfadeInDown{*/
    /*0% {*/
        /*opacity: .2;*/
    /*}*/
    /*100% {*/
        /*opacity: 1*/
    /*}*/
/*}*/
@keyframes _li {
    0%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes _li {
    0%{
        opacity: 0;
    }
    50%{
        opacity: .5;
    }
    100%{
        opacity: 1;
    }
}
.mh{-webkit-animation: _li 1s 0.2s ease both;animation:_li 1s 0.2s ease both; }
.se2W{width: 520px;margin: 0 auto; opacity: 1;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);}


.b_Box_one{
    display: inline-block;
    width:450px;
    height:368px;
}
.b_map_main_add{
    text-align: center;
    vertical-align: middle;

}
/*.b_hand_move{
    position: absolute;
    top: 220px;
    left: 600px;
}*/
.b_handMoveUpDown{
     animation: bHandMoveUpDown .5s linear forwards;
    -webkit-animation: bHandMoveUpDown .5s linear forwards;
    -moz-animation: bHandMoveUpDown .5s linear forwards;
    -o-animation: bHandMoveUpDown .5s linear forwards;
}

@keyframes bHandMoveUpDown {
    0% {
        transform: rotateZ(0deg);
         opacity: 1;
    }
    50% {
       transform: rotateZ(10deg);
        opacity: 1;
    }
    95% {
       transform: rotateZ(-5deg);
       opacity: 1;
    }
    100% {
       opacity: 0;
    }
}
@-webkit-keyframes bHandMoveUpDown {
   0% {
        transform: rotateZ(0deg);
         opacity: 1;
    }
    50% {
       transform: rotateZ(10deg);
        opacity: 1;
    }
    95% {
       transform: rotateZ(-5deg);
       opacity: 1;
    }
    100% {
       opacity: 0;
    }
}
@-moz-keyframes bHandMoveUpDown {
   0% {
        transform: rotateZ(0deg);
         opacity: 1;
    }
    50% {
       transform: rotateZ(10deg);
        opacity: 1;
    }
    95% {
       transform: rotateZ(-5deg);
       opacity: 1;
    }
    100% {
       opacity: 0;
    }
}
@-o-keyframes bHandMoveUpDown {
   0% {
        transform: rotateZ(0deg);
         opacity: 1;
    }
    50% {
       transform: rotateZ(10deg);
        opacity: 1;
    }
    95% {
       transform: rotateZ(-5deg);
       opacity: 1;
    }
    100% {
       opacity: 0;
    }
}



/*logo canvas*/
.b_box_pp{
    position: relative;
    display: inline-block;
    width: 432px;
    top: 153px;
    left:-10px;
}
.b_logo_a{
    position: relative;
}
.b_box_logo{
    position: relative;
    left:60px;
    width:400px;
    height:120px;
}
/*#b_logo_ygyy{
    width:190px;
    height:70px;
    position: absolute;
    left:87px;
    top:14px;
    display: inline-block;
    background:url("../PCimg/b_logo_right.png") left center no-repeat;
}
#b_logo{
    width:70px;
    height:70px;
    position: absolute;
    left:15px;
    top:15px;
    background: url("../PCimg/b_logo_left.png") center center no-repeat;
    background-size: 100%;
}*/
#b_logo_ygyy{
    width: 273px;
    height: 102px;
    position: absolute;
    left:100px;
    top:0px;
    display: inline-block;
    background:url("img/b_logo_right.png") left center no-repeat;
    background-size:100%;
}
#b_logo{
    width: 100px;
    height: 100px;
    position: absolute;
    top:0;
    left:0;
    background: url("img/b_logo_left.png") center center no-repeat;
    background-size: 100%;
}

#b_title_content{
    font-size:24px;
    line-height: 36px;
    color:#fff;
    text-align: right;
    position: relative;
    top:30px;
}
.b_hide{
    opacity: 0;
}
.b_canvasUp{
    animation: bCanvasUp 1s linear 1s forwards;
    -webkit-animation: bCanvasUp 1s linear 1s forwards;
    -moz-animation: bCanvasUp 1s linear 1s forwards;
    -o-animation: bCanvasUp 1s linear 1s forwards;
}
.b_map_main_add img{
    width:800px;
}
@keyframes bCanvasUp {
    0% {
        opacity:0;
        top:30px;
    }
    100% {
        opacity:1;
        top:0;
    }
}
@-webkit-keyframes bCanvasUp {
    0% {
        opacity:0;
        top:30px;
    }
    100% {
        opacity:1;
        top:0;
    }
}
@-moz-keyframes bCanvasUp {
    0% {
        opacity:0;
        top:30px;
    }
    100% {
        opacity:1;
        top:0;
    }
}
@-o-keyframes bCanvasUp {
    0% {
        opacity:0;
        top:30px;
    }
    100% {
        opacity:1;
        top:0;
    }
}

.b_canvasShow{
    animation: bCanvasShow 1s linear .5s forwards;
    -webkit-animation: bCanvasShow 1s linear .5s forwards;
    -moz-animation: bCanvasShow 1s linear .5s forwards;
    -o-animation: bCanvasShow 1s linear .5s forwards;
}

@keyframes bCanvasShow {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-webkit-keyframes bCanvasShow {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-moz-keyframes bCanvasShow {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
@-o-keyframes bCanvasShow {
    0% {
        opacity:0
    }
    100% {
        opacity:1
    }
}

.b_canvasHide{
    animation: bCanvasHide 1s linear .5s forwards;
    -webkit-animation: bCanvasHide 1s linear .5s forwards;
    -o-animation: bCanvasHide 1s linear .5s forwards;
    -moz-animation: bCanvasHide 1s linear .5s forwards;
}


@keyframes bCanvasHide {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@-webkit-keyframes bCanvasHide {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@-moz-keyframes bCanvasHide {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@-o-keyframes bCanvasHide {
    0% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
.b_nav_list li>a:hover{
    border-bottom: 2px solid #f02878;
}
.b_nav_list li>a.active{
    border-bottom: 2px solid #f02878;
}
.b_nav_list li>a.b_topNav_liA:hover{
    border-bottom: none;
}
.b_nav_list li>a.b_topNav_liA.active{
    border-bottom: none;
}

#b_map_main{
    width:1200px;
    height:500px;
}
@media all and (min-width: 1500px) {
   .b_banner_center{
        margin-top: -290px;
    }
.b_box_height{
        height:513px;
    }
    .TopNav{
        width: 1200px;
    }
    .iWarp {
        width: 1200px;
    }
    .b_banner_center {
        margin-left: -600px;
    }
    .se2_List{
        margin-left: -600px;
    }
    .se2_List li {
        width: 380px;
    }
    .se4_List{
        margin-left:-600px;
    }
    .b_box_pp{
        left:0px;
        top:197px;
        width: 540px;
    }
    .logo_r {
        line-height: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        margin: 2px 0 0 10px;
    }
    #b_title_content {
        font-size: 30px;
    }
    #b_logo{
        width:130px;
        height:130px;
    }
    #b_logo_ygyy {
        width: 344px;
        height: 126px;
        left: 137px;
        top: 0px;
    }
    .b_box_logo {
        left: 60px;
        height: 150px;
    }
    .se3_List li{
        width:196px;
    }
    .se3_List{
        margin-left: -600px;
        height: 480px;
        margin-top: -240px;
    }
    .se4_List{
        margin-top: -300px;
    }
    .se4_List tr td{
        border:1px solid #cecece;
        width:145px;

    }
    .se4_List tr td img{
        height:140px;
    }
    .mapBox{
        height: 600px;
        line-height:600px;
        margin-top: -300px;
    }
    .NavList li a{
        font-size: 16px;
        font-weight: normal;
    }
    .logoBox{
        width:170px;
    }
    .se3_Title{
        padding-top:12%
    }
    .se2_Title{
        padding-top:12%
    }
    #b_map_main{
        height:600px;
    }
}
